<template>
  <div class="formInput">
       <el-form-item :prop="data.key" :label="data.displayName" :rules="rules">
            <el-input v-model="data.value" autocomplete="off"></el-input>
       </el-form-item>
  </div>
</template>
<script lang="ts">
 
import { Component, Vue,Prop} from 'vue-property-decorator';
@Component({
     components: {
     },
})
export default class FormInput extends Vue {
     @Prop() public data!: any;
     @Prop() public ruleForm!:any;
     private rules=[];
     async created(){
          console.log(this.ruleForm);
          this.rules=this.data.rules;
     }
}
</script>
<style lang="less">
    .formInput{
         width: 30%;
         display: flex;
    }
</style>
